<?php /*a:8:{s:99:"D:\phpstudy_pro\WWW\git\DSMall\app\home\view\default\base\editable_page_model\mobile_page_view.html";i:1591845925;s:59:"../app/home/view/default/base/editable_page_model/h5_1.html";i:1591845925;s:59:"../app/home/view/default/base/editable_page_model/h5_2.html";i:1591845925;s:59:"../app/home/view/default/base/editable_page_model/h5_6.html";i:1591845925;s:60:"../app/home/view/default/base/editable_page_model/h5_12.html";i:1591845925;s:60:"../app/home/view/default/base/editable_page_model/h5_13.html";i:1591845925;s:60:"../app/home/view/default/base/editable_page_model/h5_14.html";i:1591845925;s:60:"../app/home/view/default/base/editable_page_model/h5_15.html";i:1591845925;}*/ ?>
<div class="mobile-page">
      <div class='page-title-wrapper'><h1 class='page-title'>DSMall</h1></div>
      <div id="app">

<div data-type="editable_page" class="edit-mode" style="background-color:<?php echo htmlentities((isset($editable_page['editable_page_theme_config']['back_color']) && ($editable_page['editable_page_theme_config']['back_color'] !== '')?$editable_page['editable_page_theme_config']['back_color']:'unset')); ?>">
    <?php if(!(empty($editable_page_config_list) || (($editable_page_config_list instanceof \think\Collection || $editable_page_config_list instanceof \think\Paginator ) && $editable_page_config_list->isEmpty()))): if(is_array($editable_page_config_list) || $editable_page_config_list instanceof \think\Collection || $editable_page_config_list instanceof \think\Paginator): if( count($editable_page_config_list)==0 ) : echo "" ;else: foreach($editable_page_config_list as $key=>$page_config): switch($page_config['editable_page_model_id']): case "1": ?><div class="editable-page-model editable-page-model-h5-1" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
  <div class="editable-page-content" style="width:100%;height:188px;padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;">
    <div class="content-wrapper" data-type="image,link" data-id="0">
    <div class="bd">
        <ul>
            <?php $__FOR_START_1724938871__=0;$__FOR_END_1724938871__=$page_config['editable_page_config_content']['image'][0]['count'];for($i=$__FOR_START_1724938871__;$i < $__FOR_END_1724938871__;$i+=1){ ?>
            <li style="background-image: url(<?php if(isset($page_config['editable_page_config_content']['image'][0]['list'][$i])): ?><?php echo htmlentities($page_config['editable_page_config_content']['image'][0]['list'][$i]['path']); else: ?><?php echo goods_thumb(); ?><?php endif; ?>" >
                <a href="<?php if(isset($page_config['editable_page_config_content']['link'][0]['list'][$i])): ?><?php echo htmlentities($page_config['editable_page_config_content']['link'][0]['list'][$i]['content']); ?><?php endif; ?>">&nbsp;</a>
            </li>
            <?php } ?>
        </ul>
    </div>
    <?php if($page_config['editable_page_config_content']['image'][0]['count']>1): ?>
    <div class="hd">
        <ul>
            <?php $__FOR_START_521798356__=0;$__FOR_END_521798356__=$page_config['editable_page_config_content']['image'][0]['count'];for($i=$__FOR_START_521798356__;$i < $__FOR_END_521798356__;$i+=1){ ?>
            <li class=""></li>
            <?php } ?>
        </ul>
    </div>
    <?php endif; ?>
  </div>
  </div>  
</div>


<?php break; case "2": ?><div class="editable-page-model editable-page-model-h5-2" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
    <div class="editable-page-content" style="width:<?php echo htmlentities($page_config['editable_page_config_content']['width']); ?>;padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;"><div class="content-wrapper" data-type="editor" data-id="0"><div class="html"><?php if($page_config['editable_page_config_content']['editor'][0]): ?><?php echo htmlspecialchars_decode($page_config['editable_page_config_content']['editor'][0]); else: ?><p style="text-align: center">请编辑</p><?php endif; ?></div></div></div>
</div>


<?php break; case "6": ?><div class="editable-page-model editable-page-model-h5-6" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;"> 
   <div class="editable-page-content" style="padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;"> 
    <div class="product-list"> 
     <div class="product-list-header" data-type="text" data-id="0"> 
      <div class="header-title"><?php echo htmlentities((isset($page_config['editable_page_config_content']['text'][0]['list'][0]['content']) && ($page_config['editable_page_config_content']['text'][0]['list'][0]['content'] !== '')?$page_config['editable_page_config_content']['text'][0]['list'][0]['content']:'')); ?></div> 
     </div> 
     <div class="product-list-body" data-type="goods" data-id="0"> 
         <?php if(is_array($page_config['goods_list'][0]) || $page_config['goods_list'][0] instanceof \think\Collection || $page_config['goods_list'][0] instanceof \think\Paginator): if( count($page_config['goods_list'][0])==0 ) : echo "" ;else: foreach($page_config['goods_list'][0] as $key=>$goods): ?>
      <div class="product-info <?php if($key%2==0): ?>border<?php endif; ?>"> 
       <img class="product-icon" src="<?php echo goods_thumb($goods, 240); ?>" /> 
       <span class="product-title"><?php echo htmlentities($goods['goods_name']); ?></span> 
       <div class="product-bottom"> 
        <span class="product-price">￥<?php echo htmlentities($goods['goods_price']); ?></span> 
        <span class="product-buy"><?php echo htmlentities($goods['goods_salenum']); ?>人已购买</span> 
       </div> 
      </div> 
         <?php endforeach; endif; else: echo "" ;endif; ?>
     </div> 
    </div> 
   </div> 
  </div>


<?php break; case "12": ?><div class="editable-page-model editable-page-model-h5-12" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
    <div class="editable-page-content" style="padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;">
        <div class="menu clear-fix" data-type="image,text,link" data-id="0">
            <?php if(empty($page_config['editable_page_config_content']['image'][0]['list'])): ?>
            <p style="text-align: center">请编辑</p>
            <?php else: $__FOR_START_506982783__=0;$__FOR_END_506982783__=$page_config['editable_page_config_content']['image'][0]['count'];for($i=$__FOR_START_506982783__;$i < $__FOR_END_506982783__;$i+=1){ ?>
            <div class="menu-item">
              <?php if(isset($page_config['editable_page_config_content']['image'][0]['list'][$i])): ?>
              <div>
              <img class="menu-item-icon" src="<?php echo htmlentities((isset($page_config['editable_page_config_content']['image'][0]['list'][$i]['path']) && ($page_config['editable_page_config_content']['image'][0]['list'][$i]['path'] !== '')?$page_config['editable_page_config_content']['image'][0]['list'][$i]['path']:goods_thumb())); ?>" />
              <span class="menu-item-title"><?php echo htmlentities((isset($page_config['editable_page_config_content']['text'][0]['list'][$i]['content']) && ($page_config['editable_page_config_content']['text'][0]['list'][$i]['content'] !== '')?$page_config['editable_page_config_content']['text'][0]['list'][$i]['content']:'')); ?></span>
              </div>
              <?php endif; ?>
            </div>
            <?php } ?>
            <?php endif; ?>
          </div>
    </div>
</div>


<?php break; case "13": ?><div class="editable-page-model editable-page-model-h5-13" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
    <div class="editable-page-content" style="padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;">
        <div class="index-article">
            <div class="title" data-type="image" data-id="0"><img src="<?php echo htmlentities((isset($page_config['editable_page_config_content']['image'][0]['list'][0]['path']) && ($page_config['editable_page_config_content']['image'][0]['list'][0]['path'] !== '')?$page_config['editable_page_config_content']['image'][0]['list'][0]['path']:goods_thumb())); ?>"></div>
            <div class='scroll-content' data-type="text,link" data-id="1">
            <?php if(!empty($page_config['editable_page_config_content']['text'][1]['list'])): ?>
            <ul>
                <?php $__FOR_START_850613311__=0;$__FOR_END_850613311__=$page_config['editable_page_config_content']['text'][1]['count'];for($i=$__FOR_START_850613311__;$i < $__FOR_END_850613311__;$i+=1){ ?>
                <li>
                    <?php echo htmlentities((isset($page_config['editable_page_config_content']['text'][1]['list'][$i]['content']) && ($page_config['editable_page_config_content']['text'][1]['list'][$i]['content'] !== '')?$page_config['editable_page_config_content']['text'][1]['list'][$i]['content']:'')); ?>
                </li>
                <?php } ?>
            </ul>
            <?php endif; ?>
            </div>
        </div>
    </div>
</div>


<?php break; case "14": ?><div class="editable-page-model editable-page-model-h5-14" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
    <div class="editable-page-content" style="padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;">
        <div data-type="image" data-id="0">
        <?php if(!empty($page_config['editable_page_config_content']['image'][0]['list'])): ?>    
        <div class="tab_head">
            
            <?php if(is_array($page_config['editable_page_config_content']['image'][0]['list']) || $page_config['editable_page_config_content']['image'][0]['list'] instanceof \think\Collection || $page_config['editable_page_config_content']['image'][0]['list'] instanceof \think\Paginator): if( count($page_config['editable_page_config_content']['image'][0]['list'])==0 ) : echo "" ;else: foreach($page_config['editable_page_config_content']['image'][0]['list'] as $key=>$image): if($key<$page_config['editable_page_config_content']['image'][0]['count']): ?>
            <div class="tab_head_item <?php if($key==0): ?>on<?php endif; ?>" style="background-image:url(<?php echo htmlentities($image['path']); ?>)">
            </div>
            <?php endif; ?>
            <?php endforeach; endif; else: echo "" ;endif; ?>
            
        </div>
        <?php else: ?>
            <p style="text-align: center;line-height: 30px">请编辑</p>
        <?php endif; ?>
        </div>
        <div class="tab_body">
            
            
            <div class="handle-holder" data-type="image,link" data-id="<?php $__FOR_START_217967178__=1;$__FOR_END_217967178__=$page_config['editable_page_config_content']['image'][0]['count']+1;for($i=$__FOR_START_217967178__;$i < $__FOR_END_217967178__;$i+=1){ if($i!=1): ?>,<?php endif; ?><?php echo htmlentities($i); } ?>"></div>
            
            
            <div class="tab_body_list">
            <?php $__FOR_START_1112858097__=1;$__FOR_END_1112858097__=$page_config['editable_page_config_content']['image'][0]['count']+1;for($i=$__FOR_START_1112858097__;$i < $__FOR_END_1112858097__;$i+=1){ ?>
            <div class="tab_body_item"<?php if($i!=1): ?> style="display: none;"<?php endif; ?>>
                <?php if(isset($page_config['editable_page_config_content']['image'][$i])): if(is_array($page_config['editable_page_config_content']['image'][$i]['list']) || $page_config['editable_page_config_content']['image'][$i]['list'] instanceof \think\Collection || $page_config['editable_page_config_content']['image'][$i]['list'] instanceof \think\Paginator): if( count($page_config['editable_page_config_content']['image'][$i]['list'])==0 ) : echo "" ;else: foreach($page_config['editable_page_config_content']['image'][$i]['list'] as $key=>$image): ?>
                <div class='image'>
                    <img src="<?php echo htmlentities($image['path']); ?>">
                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>
                <?php endif; ?>
            </div>
            <?php } ?>
            </div>
        </div>
    </div>
</div>


<?php break; case "15": ?><div class="editable-page-model editable-page-model-h5-15" data-load="0" data-type="editable_model" data-id="<?php echo htmlentities($page_config['editable_page_config_id']); ?>" style="background-color:<?php echo htmlentities($page_config['editable_page_config_content']['back_color']); ?>;">
    <div class="editable-page-content" style="padding-top:<?php echo htmlentities($page_config['editable_page_config_content']['margin_top']); ?>;padding-bottom:<?php echo htmlentities($page_config['editable_page_config_content']['margin_bottom']); ?>;">
        <div class="product-list-body" data-type="goods" data-id="0"> 
            <div>
                <?php if(is_array($page_config['goods_list'][0]) || $page_config['goods_list'][0] instanceof \think\Collection || $page_config['goods_list'][0] instanceof \think\Paginator): if( count($page_config['goods_list'][0])==0 ) : echo "" ;else: foreach($page_config['goods_list'][0] as $key=>$goods): ?>
                <div class="product-info"> 
                    <i><?php echo htmlentities($key+1); ?></i>
                    <img class="product-icon" src="<?php echo goods_thumb($goods, 240); ?>" /> 
                    <p class="product-title"><?php echo htmlentities($goods['goods_name']); ?></p> 
                    <p class="product-price">￥<?php echo htmlentities($goods['goods_price']); ?></p> 
            
                </div> 
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
        </div> 

    </div>
</div>


<?php break; ?>
    <?php endswitch; ?>
    <?php endforeach; endif; else: echo "" ;endif; else: ?>
    <div class="no_results">
        <span><?php echo htmlentities(lang('add_model_notice')); ?></span>
        <div class='editable-page-model mt10'></div>
    </div>
    <?php endif; ?>
</div>
   </div>       
<script>

$(function(){
    $('a').attr('href','javascript:void(0)')
    addDialogEvent()
        var model_index
        $('.edit-mode').sortable({
            placeholder: "ui-state-highlight",
            cursor: "move",
            items:".editable-page-model",
            revert: true,
            start: function( event, ui ) {
              model_index=ui.item.index()
            },
            update: function( event, ui ) {
              var action=ui.item.attr('data-action')
              if(action=='add'){
                  var model_id=ui.item.attr('data-id')  
                  var config_id=ui.item.prev().attr('data-id')
                  if(!config_id){
                      config_id=0
                  }
                  ui.item.remove()
                  submit_model_add(model_id,config_id)
              }else{
              var config_id=ui.item.attr('data-id')  
              var index=ui.item.index()  
              if((index-model_index)>0){
                  var o_config_id=ui.item.prev().attr('data-id')
                  sortModel(config_id,1,o_config_id)
              }else{
                  var o_config_id=ui.item.next().attr('data-id')
                  sortModel(config_id,0,o_config_id)
              }
              }
            }
          });

    initSlide()
        $('*[ds_type="dialog"]').click(function(){
            var title = $(this).attr('dialog_title') ? $(this).attr('dialog_title') : '';
            var url = $(this).attr('uri');
            var width = $(this).attr('dialog_width');
            window.parent.getConfigForm(title, url, width);
            return false;
        });
})

function initSlide(){
$('.editable-page-model-h5-1[data-load=0]').each(function(){
  $(this).slide({mainCell: ".bd ul", autoPlay: true, delayTime: 500, interTime: 5000})
  $(this).removeAttr('data-load')
})
$('.editable-page-model-h5-13[data-load=0]').each(function(){
  $(this).slide({mainCell: ".scroll-content ul", autoPlay: true, effect:"top"})
  $(this).removeAttr('data-load')
})
$('.editable-page-model-h5-11[data-load=0]').each(function(){
  $(this).slide({mainCell: ".tab_body_list",titCell:".tab_head_item"})
  $(this).removeAttr('data-load')
})
}
    function sortModel(config_id,direction,o_config_id){
        var index = layer.load()
        $.getJSON(EDITABLE_PAGE_URL+'/model_sort?config_id='+config_id+'&o_config_id='+o_config_id+'&direction='+direction,function(res){
                layer.close(index);
                if(res.code!=10000){
                    layer.msg(res.message)
                }
            })
    }
function moveModel(config_id,direction){
        var index = layer.load()
        $.getJSON(EDITABLE_PAGE_URL+'/model_move?config_id='+config_id+'&direction='+direction,function(res){
            layer.close(index);
                if(res.code!=10000){
                    layer.msg(res.message)
                }else{
                    var obj = $('.editable-page-model[data-id='+config_id+']');
                    if (direction) {
                        obj.next().after(obj); //下移动
                    } else {
                        obj.prev().before(obj);
                    }
                }
            })

        }
    function dropModel(config_id){
        var index = layer.confirm('<?php echo htmlentities(lang('ds_ensure_del')); ?>', {
            title: false,
        }, function () {
            $.getJSON(EDITABLE_PAGE_URL+'/model_del?config_id='+config_id+'&editable_page_id=<?php echo htmlentities($editable_page['editable_page_id']); ?>',function(res){
                if(res.code!=10000){
                    layer.msg(res.message)
                }else{
                    $('.editable-page-model[data-id='+config_id+']').remove();
                    layer.close(index)
                    if($('.editable-page .editable-page-model').length==0){
                        var html=    '<div class="no_results">';
                            html+=            '<span><?php echo htmlentities(lang('add_model_notice')); ?></span>';
                            html+=            "<div class='editable-page-model mt10'>";
                            html+=            '</div>';
                            html+=        '</div>';
                            $('*[data-type=editable_page]').append(html);
                            addDialogEvent()
                    }
                }
            })
        });
        
    }
    function addDialogEvent(){

        $('*[data-type="editable_model"]').each(function(){
            var config_id=$(this).attr('data-id')
            //var model_width=$(this).attr('data-width')
            var content_obj=$(this).find('.editable-page-content')
            content_obj.prepend('<div class="editable_model_handle_list"><a href="javascript:void(0)" class="handle_edit"><?php echo htmlentities(lang('ds_edit')); ?></a><a href="javascript:moveModel('+config_id+',0)" class="handle_move_up"><?php echo htmlentities(lang('ds_move_up')); ?></a><a href="javascript:moveModel('+config_id+',1)" class="handle_move_down"><?php echo htmlentities(lang('ds_move_down')); ?></a><a href="javascript:dropModel('+config_id+')" class="handle_drop"><?php echo htmlentities(lang('ds_delete')); ?></a></div>')
            content_obj.find('.handle_edit').attr('ds_type','dialog').attr('dialog_id','editable_model').attr('dialog_title','<?php echo htmlentities(lang('ds_edit')); ?>').attr('dialog_width',400)
            content_obj.find('.handle_edit').attr('uri',EDITABLE_PAGE_URL+'/model_edit?config_id='+config_id+'&type=h5')
            
            content_obj.find('.handle_add').attr('uri',EDITABLE_PAGE_URL+'/model_add?editable_page_id=<?php echo htmlentities($editable_page['editable_page_id']); ?>&type=h5&config_id='+config_id)
            
            content_obj.find('*[data-type]').each(function(){
                var model_type_list=$(this).attr('data-type')
                model_type_list=model_type_list.split(',')
                var item_id_list=$(this).attr('data-id')
                item_id_list=item_id_list.split(',')
                $(this).prepend('<div class="editable-page-handle"></div>')
                var obj=$(this).find('.editable-page-handle')
                for(var j in item_id_list){
                var item_id=item_id_list[j]
                for(var i in model_type_list){
                var model_type=model_type_list[i]
                var model_width=400
                var title
                switch(model_type){
                  case 'brand':
                    title='品牌'
                    break
                  case 'cate':
                    title='分类'
                    break
                  case 'voucher':
                    title='代金券'
                    break  
                  case 'text':
                    title='文字'
                    break 
                  case 'link':
                    title='链接'
                    break  
                  case 'goods':
                    title='商品'
                    model_width=800
                    break
                  case 'store':
                    title='店铺'
                    model_width=800
                    break
                  case 'editor':
                    title='富文本'
                    model_width=800
                    break
                  case 'image':
                    title='图片'
                    model_width=420
                    break
                }
                  obj.append('<div class="handel-'+model_type+'" data-id="'+item_id+'">'+title+'</div>');
                  obj.find('.handel-'+model_type+'[data-id='+item_id+']').attr('ds_type','dialog').attr('dialog_id','editable_model').attr('dialog_title','设置'+title).attr('dialog_width',model_width)
                  obj.find('.handel-'+model_type+'[data-id='+item_id+']').attr('uri',EDITABLE_PAGE_URL+'/model_'+model_type+'?config_id='+config_id+'&type=h5&item_id='+item_id)
                }
                }
            })
            $(this).removeAttr('data-type')
        })
        
        
        $('*[ds_type="dialog"]').click(function(){
            var id = $(this).attr('dialog_id');
            var title = $(this).attr('dialog_title') ? $(this).attr('dialog_title') : '';
            var url = $(this).attr('uri');
            var width = $(this).attr('dialog_width');
            window.parent.getConfigForm(title, url, width);
            return false;
        });
    }
    function afterAdd(res,config_id){
                if(!config_id || $('.editable-page-model[data-id='+config_id+']').length==0){
                    $('*[data-type="editable_page"] .no_results').remove()
                    $('*[data-type="editable_page"]').prepend(res.result.model_html)
                }else{
                    $('.editable-page-model[data-id='+config_id+']').after(res.result.model_html)
                }
    }
    function afterEdit(res){
        $('.editable-page-model[data-id='+res.result.config_id+']').replaceWith(res.result.model_html)
    }


</script>
<style>
    html{font-size: 22px ;line-height:20px}
.mobile-page {min-height: 100%;width: 100%;padding-bottom: 1px;min-width: unset; position: relative;line-height: 22px}
.no_results{padding:100px 0}
.ui-state-highlight{width:100%;height: 2.5rem;line-height: 2.5rem;box-sizing:border-box}
.page-title-wrapper{height: 1.3rem}
.page-title{text-align: center;background: #fff;line-height: 1.3rem;width:100%}
.editable-page-model-h5-1 .content-wrapper .hd li{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    margin: 0 3px;
    border: 0;
}
.editable-page-model-h5-1 .content-wrapper .hd li.on{box-shadow: unset}
.editable-page-model-h5-6 .product-list {
	background: #ffffff;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}
.editable-page-model-h5-6 .product-list .product-list-header {
	height: 2rem;
        line-height: 2rem;
	padding: 0 0.25rem;
	border-bottom: 1px solid #f5f5f5;
}
.editable-page-model-h5-6 .product-list .product-list-header .header-title {
	font-size: 0.8rem;
	color: #333;
        text-align: center;
}

.editable-page-model-h5-6 .product-list .product-list-body {
    position: relative;
	display: flex;
	flex-wrap: wrap;
}
.editable-page-model-h5-6 .border {
	border-right: 1px solid #f5f5f5;
}
.editable-page-model-h5-6 .product-info {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 0.5rem;
	justify-content: flex-end;
	border-bottom: 1px solid #f5f5f5;
	width: 50%;
	box-sizing: border-box;
}
.editable-page-model-h5-6 .product-info .product-icon {
	align-self: center;
	width: 100%;
	box-sizing: border-box;
}
.editable-page-model-h5-6 .product-info .product-title {
	color: #333;
	font-size: .7rem;
	margin-top: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.editable-page-model-h5-6 .product-info .product-bottom {
	display: flex;
	justify-content: space-between;
	margin-top: .4rem;
	line-height: 1rem;
}

.editable-page-model-h5-6 .product-info .product-bottom .product-price {
	color: #e93b3d;
	font-size: .7rem;
}
.editable-page-model-h5-6 .product-info .product-bottom .product-buy {
	color: #999999;
	font-size: .65rem;
}

</style>
</div>

